    
//********* liveQuery exemplo **************
//    $("table tbody tr").livequery(function () {
//    	$(this).attr('attr', 'clicavel');
//    }); 
//*****************************************
    

var grid;
$(document).ready(function (){
	
	$("#cancelar").click(function (){
        history.back();
    });

    $("#inserirPermissao").click(function ( ){
    	window.location="../../cpermissao/manter/0"
    });
    
    
    //grid de permissões
    grid = $('#resultado').GtGrid({
        limite: 20,
        url: '../ajaxBuscarPermissaoEControlador/',
        colunas: [
          {'nome':'Tela', 'largura':'25%', 'ordenar':true, 'alinhamento':'esquerdo'},
          {'nome':'Ação', 'largura':'25%', 'ordenar':false, 'alinhamento':'esquerdo'},
          {'nome':'Link', 'largura':'25%', 'ordenar':false, 'alinhamento':'esquerdo'},
          {'nome':'Opções', 'largura':'10%', 'ordenar':false, 'alinhamento':'centro'}
        ]
      });

    
    //busca via ajax das permissoes de cada tela (total)
    $("table tbody tr").live('click',function(e){
    	
    	if($(e.target).children("input").attr("type")=="checkbox" || $(e.target).attr("type")=="checkbox"){
    		return;
    	}
    	else{
	    	//alert($(e.target).children("input").attr("type"));
	    	var linha = $(e.target).closest("tr");
	    	var nomeDaTela = linha.find('td:first').text();
	    	
	    	
	    	//se opc total estiver checked, as novas linhas do grid ja vem checked
	    	var check = "";	    	
	    	if (linha.find("input:checkbox").is(":checked")){
	    		check = "checked";
	    	}
	    	
	    	
	    	if (linha.attr("attr")=="clicar"){    		
		    	$.ajax({
				    type: 'post',
				    dataType: 'json',
				    url: '../ajaxBuscarTelasDasPermissoes',
				    data: {tela: nomeDaTela},
					success: function(data) {				
						var novaLinha = '';
						for (var i=0 ; i<data.ids.length; i++ ){
							novaLinha += '<tr class="claro" attr="exibe-'+nomeDaTela+'">'+
										  	'<td align="left">'+data.tela[i]+'</td>'+
										  	'<td align="left">'+data.acao[i]+'</td>'+
										  	'<td align="left">'+data.caminho[i]+'</td>'+
										  	'<td align="center">'+
										  		'<input type="checkbox" value="'+data.ids[i]+'" '+check+'>'+
										  	'</td>'+
										  '</tr>';					
						}
						linha.after(novaLinha);	
					}
				});
		    	linha.attr('attr','clicado');
		    	return;
	    	}
	    	if (linha.attr("attr")=="clicado"){
	    		linha.siblings("tr[attr='exibe-"+nomeDaTela+"']").toggle();
	    		return;
	    	}
    	}
    });
    
    
    //clicar na permissao "Total" seleciona as demais
    $("#ckb_total").live("click",function(e){
	    if ($(this).is(":checked")){
	    	var linha = $(e.target).closest("tr");
		    var nomeDaTela = linha.find('td:first').text();
		    var check = linha.siblings("tr[attr='exibe-"+nomeDaTela+"']").find('td:last');
		    check.children("input:checkbox").prop('checked', true);
	    }
    });
    
    
    //pega todas as permissoes selecionadas
    $("#enviar").click(function(){
    	var permissaoIds = new Array();
    	$("input:checkbox:checked").each(function(){    		
    		permissaoIds.push($(this).val());    		
    	});
    	$("#pe_id").after("<input type='hidden' id='pr_ids' name='pr_ids' value='"+permissaoIds+"'>"); 
    	$("form").submit();
    });

    
});
